<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ include file="/pages/common/base.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Siyora Jewellery</title>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<style type="text/css">
		.selectedHeader {
			 background:url(../images/menuHoverBg.jpg) repeat-x top left;
			 }
		</style>
	</head>
	<body>
		<div id="headerDiv">
		<header class="header billHideClass">
        	<div class="companyLogo"><a href="${context}/login"><img src="${imageContext}/siyoraLOgo.jpg"/></a></div>
        	<div class="headerLink">
            	<span class="signOutlink"><a href="${context}/logout">Sign Out</a></span>
                <%-- <span class="backLink"><a href="${context}/login">Back</a></span> --%>
            </div>
        	
           	<nav class="navigation">
           		<ul id="nav">
	                <li id="welcomeHead" class="jewelHead"><a href="${context}/pages/jsp/welcome.jsp" onclick="selectedHeader('welcomeHead')"><img src="${imageContext}/homeIcon.png"/></a></li>
	                <li id="prodHead" class="jewelHead selectedHeader"><a>Product</a>
	                    <ul>
	                    	<li><a href="${context}/productEntry" onclick="selectedHeader('prodHead')">New Product</a></li>
	                        <li><a href="${context}/allProductInfo" onclick="selectedHeader('prodHead')">Products Report</a></li>
	                    </ul>
	                </li>
	                <li id="billHead" class="jewelHead"><a>Bill</a>
	                	<ul>
	                		<li><a href="${context}/custBill?ACTION=BS" onclick="selectedHeader('billHead')">New Bill</a></li>
	                		<%-- <li><a href="${context}/pages/jsp/salesReport.jsp" onclick="selectedHeader('billHead')">Sales Report</a></li> --%>
	                		
	                    </ul>
	                </li>
	                <li id="stockHead" class="jewelHead"><a>Stock</a>
	                	<ul>
	                		<li><a href="${context}/stock" onclick="selectedHeader('stockHead')">Stock Report</a></li>
	                    </ul>
	                </li>	
	                <li id="omsHead" class="jewelHead"><a>Sales</a>
	                	<ul>
	                		<li><a href="${context}/orders?ACTION=SR" onclick="selectedHeader('omsHead')">Sales Report</a></li>
	                		<li><a href="${context}/pages/jsp/salesSummery.jsp?ACTION=SS" onclick="selectedHeader('omsHead')">Sales Summery</a></li>
	                    </ul>
	                </li>
	                <%-- <li id="barcodeHead" class="jewelHead"><a>Coupon</a>
	                	<ul>
	                		<li><a href="${context}/couponEntry" onclick="selectedHeader('barcodeHead')">Generate Coupon</a></li>
	                	</ul>
	                </li> --%>
	                 <li id="user" class="jewelHead"><a>Users</a>
	                	<ul>
	                		<li><a href="${context}/pages/jsp/newUser.jsp" onclick="selectedHeader('user')">Create User</a></li>
	                		<li><a href="${context}/profiles" onclick="selectedHeader('user')">Profiles</a></li>
	                		<li><a href="${context}/pages/jsp/upload.jsp" onclick="selectedHeader('user')">Uploader</a></li>
	                		<li><a href="${context}/couponEntry" onclick="selectedHeader('user')">Generate Coupon</a></li>
	                	</ul>
	                </li> 		
            	</ul>
        	</nav>

 		</header>
 		</div>
	</body>
</html>